<template>
  <TreeSelect v-model="selected" :options="options" />
</template>

<script>
import TreeSelect from '../packages/setters/components/ReactionsSetter/components/TreeSelect/index.vue'
import { ref } from '@vue/composition-api'
export default {
  components: {
    TreeSelect
  },
  setup() {
    const selected = ref('0001')
    const options = ref([
      {
        id: '0001',
        title: '选项1',
        children: [
          {
            id: '0001001',
            title: '选项1-1'
          }
        ]
      },
      {
        id: '0002',
        title: '选项2',
        children: [
          {
            id: '0002002',
            title: '选项2-2'
          }
        ]
      },
      {
        id: '0003',
        title: '选项3',
        children: [
          {
            id: '0003003',
            title: '选项3-3'
          }
        ]
      },
      {
        id: '0004',
        title: '选项4',
        children: [
          {
            id: '0004004',
            title: '选项4-4'
          }
        ]
      },
      {
        id: '0005',
        title: '选项5',
        children: [
          {
            id: '0005005',
            title: '选项5-5'
          }
        ]
      }
    ])
    return { options, selected }
  }
}
</script>

<style></style>
